<template>
    <span class=" search-item-txt" :class="{ 'search-item-txt-active': active }">
        <slot></slot>
    </span>
</template>

<script setup>
defineProps({
    active: {
        type: Boolean,
        default: false,
    }
})
</script>

 

<style lang="scss" scoped>

.search-item {
    position: relative;
    padding: 16px 0;
    width: 100%;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.search-item-head {
    font-size: 14px;
    line-height: 20px;
}
.search-item-txt {
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px;
    cursor: pointer;
}
.search-item-txt:hover {
    
}
 
</style>